.top {
    width: 100%;
    height: 65px;
    background-color: #3b8cff;
    color: white;
    font-size: 18px;
    line-height: 65px;
    padding-left: 30px;
    box-sizing: border-box
}

.clearfix::before,
.clearfix::after {
    content: '';
    display: table;
    clear: both
}


.wrap{
    /*overflow: hidden;*/
}

.main-alter {
    width: 200px;
    min-height: 91%;
    /*height: 2000px;*/
    /*padding-bottom: 1000px;*/
    /*margin-bottom: -1000px;*/
    position: absolute;
    z-index: 100;
    color: #c2c2c2;
    background-color: #e2e2e2
}

.main-alter .main-alter-itme {
    width: 100%;
    height: 45px;
    display: block
}

.main-alter .main-alter-itme a {
    display: block;
    width: 197px;
    height: 100%;
    color: #424E67;
    text-decoration: none;
    line-height: 45px;
    padding: 0 25px;
    box-sizing: border-box
}

.main-alter .main-alter-itme a:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: #3b8cff
}

.main-alter .main-alter-itme:hover {
    content: "";
    position: relative;
    width: 3px;
    height: 45px;
    background-color: #3b8cff
}

.main-alter .main-alter-itme:first-child {
    margin-top: 20px
}

.main-alter .home-alter {
    color: #3b8cff
}

.main-content{
    /*padding-bottom:1000px;*/
    /*margin-bottom: -1000px;*/
    /*min-height: 91%;*/
}

.main-content #user .use {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 50px;
    box-sizing: border-box
}

.main-content #user .use .use-name {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 50px
}

.main-content #user .use .use-passwd {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 50px
}
.main-content #user .use .use-email {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 50px
}

.main-content #user .use .use-truename {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 50px
}
.main-content #user .use .use-age {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 100px
}



.main-content #user .use .use-delete {
    float: left;
    display: block;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 20px;
}

.main-content #user .use .use-update {
    float: left;
    display: block;
    width: 100px;
    height: 30px;
    font-size: 15px
}

.main-content #user .use-add {
    margin-left: 50px;
    width: 100px;
    height: 30px;
    font-size: 14px;
    border-radius: 50px;
    box-shadow: 0 1px #000
}

.main-content #news .new-add {
    margin-left: 50px;
    width: 100px;
    height: 30px;
    font-size: 14px;
    border-radius: 50px;
    box-shadow: 0 1px #000
}

.main-content #news .new {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 50px;
    box-sizing: border-box
}

.main-content #news .new .new-id {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 100px
}

.main-content #news .new .new-kind {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 100px
}

.main-content #news .new .new-title {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main-content #news .new .new-content {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main-content #news .new .new-img {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main-content #news .new .new-delete {
    float: left;
    display: block;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 20px;
}

.main-content #news .new .new-update {
    float: left;
    display: block;
    width: 100px;
    height: 30px;
    font-size: 15px
}

.main-content #goods .good-add {
    margin-left: 50px;
    width: 100px;
    height: 30px;
    font-size: 14px;
    border-radius: 50px;
    box-shadow: 0 1px #000
}

.main-content #goods .good {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 50px;
    box-sizing: border-box;
}

.main-content #goods .good .good-id {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 50px;
}

.main-content #goods .good .good-kind {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 50px
}

.main-content #goods .good .good-title {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main-content #goods .good .good-brief {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main-content #goods .good .good-price {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 50px
}

.main-content #goods .good .good-img {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main-content #goods .good .good-delete {
    float: left;
    display: block;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 20px;
}

.main-content #goods .good .good-update {
    float: left;
    display: block;
    width: 100px;
    height: 30px;
    font-size: 15px
}


.main-content #carts .cart {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 50px;
    box-sizing: border-box;
}

.main-content #carts .cart .cart-owner {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 100px;
}

.main-content #carts .cart .cart-content {
    float: left;
    width: 150px;
    height: 30px;
    font-size: 15px;
    margin-right: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main-content #carts .cart .cart-total {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    margin-right: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main-content #carts .cart .cart-delete {
    float: left;
    display: block;
    width: 100px;
    height: 30px;
    font-size: 15px;
    /*margin-right: 20px;*/
}

.main-content #carts .cart .cart-update {
    float: left;
    display: block;
    width: 100px;
    height: 30px;
    font-size: 15px
}

.alter {
    position: absolute;
    width: 100%;
    min-height: 91%;
    padding-left: 200px;
    background-color: pink;
    display: none;
    box-sizing: border-box;
    padding-top: 50px;
}

:target {
    display: block
}

